<template>
    <div>
        <div class="new_box">
            <div class="deatil_top"></div>
            <div class="deatil_cont" ref="deatil_cont">
                <div class="deatil_cont_box" ref="deatil_cont_box">
                    <div class="deatil_cont_box_top">
                        <span>迅构云社区 > 技术应用 > 开发者论坛一周精粹（第四十二期）晒代码千元话费送不停 免费证书</span>
                    </div>
                    <div class="deatil_cont_box_mid">

                        <div class="deatil_cont_box_mid_right">
                            <div class="mid_right_title">
                                <span>
                                    {{deatildata.Title}}
                                    <!--开发者论坛一周精粹(第四十二期) 晒代码千元话费送不停 免费证书？-->
                                </span>
                                <div class="mid_right_title_time">
                                    <span>{{userdata.NickName}}</span>
                                    发表于{{deatildata.PushTime}}
                                    <div class="mid_right_title_time_show">
                                        <div class="img1"></div>
                                        <span>{{deatildata.ReadNum | isnum}}</span>
                                        <div class="img2"></div>
                                        <span>{{deatildata.ReplyNum | isnum}}</span>
                                    </div>

                                </div>
                                <div class="mid_right_title_type">
                                    <!--<div>技术与应用</div>-->
                                    <!--<div>综合讨论</div>-->
                                    <!--<div>技术与应用</div>-->
                                    <!--<div>技术与应用</div>-->
                                    <!--<div>技术与应用</div>-->
                                    <!--<div>技术与应用</div>-->
                                    <!--<div>技术与应用</div>-->
                                    <!--<div>建议与意见</div>-->
                                </div>
                            </div>
                            <div class="mid_right_cont">
                                <div class="mid_right_cont_txt" >
                                    <!--{{deatildata.content}}-->
                                    <p style="white-space: pre-line;position: relative;top: -35px;">
                                        {{deatildata.Content}}
                                    </p>


                                </div>
                                <div class="mid_right_cont_img">
                                    <div class="mid_right_cont_img_title">
                                        <div class="img"></div>
                                        图片
                                    </div>
                                    <div class="mid_right_cont_img_list">
                                        <img src="../../assets/img/deatil_img_list1.png" alt="">
                                        <img src="../../assets/img/deatil_img_list2.png" alt="">
                                    </div>
                                </div>

                                <div class="repy_qusetion">
                                    <div class="que_sub_button" @click="scrollToBottom('',deatildata.Id)">快速回复</div>
                                </div>

                            </div>
                            <div class="mid_right_answer">
                                <div class="mid_right_answer_title">{{deatildata.ReplyNum}}条回答 </div>
                                <div class="mid_right_answer_list">
                                     <div class="mid_right_answer_list_item">
                                         <div class="mid_right_answer_list_item_user">
                                             <img src="../../assets/img/reply_user_img.png" alt="">
                                         </div>
                                         <div class="mid_right_answer_list_item_comment">
                                             <div class="list_item_comment_user">
                                                 <span>红衣人</span>
                                                 <span>2小时前</span>
                                             </div>
                                             <div class="list_item_comment_txt">
                                                 轻量应用服务器已经推出一段时间了，相比第一次内测来说，
                                                 目前最大的更新就是已经全面支持windows2008R2和在有工windows2012 R2系统了。
                                                 虽然有预装asp/.net应用镜像，但是相对比较早的asp+access网站来说，
                                                 还是需要手动配置有现在我们就来配置这个环境吧，让asp+access网站，也能轻松搬家到阿里云。
                                                 如果是更换系统，首先进入轻量应用服务器网页控制台
                                             </div>
                                             <div class="reply_show_again">
                                                 <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                     <span>
                                                         轻量应用服务器已经推出一段时间了，相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                 </div>
                                                 <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                     <span>
                                                         轻量应用服务器已经推出一段时间了，目前最大是已经全面支持windows2008R2和在有工windows2012 R2系统了然有预装asp/.net应用镜像轻量应用服务器已经推出一段时间了相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                 </div>
                                             </div>
                                             <div class="reply_img">
                                                 <div @click="scrollToBottom('红衣人')">

                                                 </div>
                                             </div>
                                         </div>

                                     </div>
                                    <!--<div class="mid_right_answer_list_item">
                                        <div class="mid_right_answer_list_item_user">
                                            <img src="../../assets/img/reply_user_img.png" alt="">
                                        </div>
                                        <div class="mid_right_answer_list_item_comment">
                                            <div class="list_item_comment_user">
                                                <span>红衣人</span>
                                                <span>2小时前</span>
                                            </div>
                                            <div class="list_item_comment_txt">
                                                轻量应用服务器已经推出一段时间了，相比第一次内测来说，
                                                目前最大的更新就是已经全面支持windows2008R2和在有工windows2012 R2系统了。
                                                虽然有预装asp/.net应用镜像，但是相对比较早的asp+access网站来说，
                                                还是需要手动配置有现在我们就来配置这个环境吧，让asp+access网站，也能轻松搬家到阿里云。
                                                如果是更换系统，首先进入轻量应用服务器网页控制台
                                            </div>
                                            <div class="reply_show_again">
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，目前最大是已经全面支持windows2008R2和在有工windows2012 R2系统了然有预装asp/.net应用镜像轻量应用服务器已经推出一段时间了相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                            </div>
                                            <div class="reply_img">
                                                <div @click="scrollToBottom">

                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="mid_right_answer_list_item">
                                        <div class="mid_right_answer_list_item_user">
                                            <img src="../../assets/img/reply_user_img.png" alt="">
                                        </div>
                                        <div class="mid_right_answer_list_item_comment">
                                            <div class="list_item_comment_user">
                                                <span>红衣人</span>
                                                <span>2小时前</span>
                                            </div>
                                            <div class="list_item_comment_txt">
                                                轻量应用服务器已经推出一段时间了，相比第一次内测来说，
                                                目前最大的更新就是已经全面支持windows2008R2和在有工windows2012 R2系统了。
                                                虽然有预装asp/.net应用镜像，但是相对比较早的asp+access网站来说，
                                                还是需要手动配置有现在我们就来配置这个环境吧，让asp+access网站，也能轻松搬家到阿里云。
                                                如果是更换系统，首先进入轻量应用服务器网页控制台
                                            </div>
                                            <div class="reply_show_again">
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，目前最大是已经全面支持windows2008R2和在有工windows2012 R2系统了然有预装asp/.net应用镜像轻量应用服务器已经推出一段时间了相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                            </div>
                                            <div class="reply_img">
                                                <div @click="scrollToBottom">

                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="mid_right_answer_list_item">
                                        <div class="mid_right_answer_list_item_user">
                                            <img src="../../assets/img/reply_user_img.png" alt="">
                                        </div>
                                        <div class="mid_right_answer_list_item_comment">
                                            <div class="list_item_comment_user">
                                                <span>红衣人</span>
                                                <span>2小时前</span>
                                            </div>
                                            <div class="list_item_comment_txt">
                                                轻量应用服务器已经推出一段时间了，相比第一次内测来说，
                                                目前最大的更新就是已经全面支持windows2008R2和在有工windows2012 R2系统了。
                                                虽然有预装asp/.net应用镜像，但是相对比较早的asp+access网站来说，
                                                还是需要手动配置有现在我们就来配置这个环境吧，让asp+access网站，也能轻松搬家到阿里云。
                                                如果是更换系统，首先进入轻量应用服务器网页控制台
                                            </div>
                                            <div class="reply_show_again">
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，目前最大是已经全面支持windows2008R2和在有工windows2012 R2系统了然有预装asp/.net应用镜像轻量应用服务器已经推出一段时间了相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                            </div>
                                            <div class="reply_img">
                                                <div @click="scrollToBottom">

                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="mid_right_answer_list_item">
                                        <div class="mid_right_answer_list_item_user">
                                            <img src="../../assets/img/reply_user_img.png" alt="">
                                        </div>
                                        <div class="mid_right_answer_list_item_comment">
                                            <div class="list_item_comment_user">
                                                <span>红衣人</span>
                                                <span>2小时前</span>
                                            </div>
                                            <div class="list_item_comment_txt">
                                                轻量应用服务器已经推出一段时间了，相比第一次内测来说，
                                                目前最大的更新就是已经全面支持windows2008R2和在有工windows2012 R2系统了。
                                                虽然有预装asp/.net应用镜像，但是相对比较早的asp+access网站来说，
                                                还是需要手动配置有现在我们就来配置这个环境吧，让asp+access网站，也能轻松搬家到阿里云。
                                                如果是更换系统，首先进入轻量应用服务器网页控制台
                                            </div>
                                            <div class="reply_show_again">
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，目前最大是已经全面支持windows2008R2和在有工windows2012 R2系统了然有预装asp/.net应用镜像轻量应用服务器已经推出一段时间了相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                            </div>
                                            <div class="reply_img">
                                                <div @click="scrollToBottom">

                                                </div>
                                            </div>
                                        </div>

                                    </div>-->
                                    <div class="mid_right_answer_list_item" v-for="item in replyList ">
                                        <div class="mid_right_answer_list_item_user">
                                           <img :src="item.User.HeadPicPath" alt="">
                                        </div>
                                        <div class="mid_right_answer_list_item_comment">
                                            <div class="list_item_comment_user">
                                            <span>
                                                {{item.User.NickName}}
                                            </span>
                                                <span>
                                                {{item.ReplyTime | changeDate}}
                                            </span>
                                            </div>
                                            <div class="list_item_comment_txt">
                                                    {{item.Content}}
                                            </div>
                                            <div class="reply_show_again">
                                                <!--<div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>
                                                <div class="reply_show_again_item">
                                                     <span>
                                                        风屁仙儿:
                                                     </span>
                                                    <span>
                                                         轻量应用服务器已经推出一段时间了，目前最大是已经全面支持windows2008R2和在有工windows2012 R2系统了然有预装asp/.net应用镜像轻量应用服务器已经推出一段时间了相比第一次内测来说，目前最大的更新就是已经全面支
                                                     </span>
                                                </div>-->
                                            </div>
                                            <div class="reply_img">
                                                <div @click="scrollToBottom(item.User.NickName)">

                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                            <div class="loading">
                                加载更多回答
                                <!--<span></span>-->
                            </div>
                            <div class="mid_right_myreply">
                                <div class="mid_right_myreply_title">
                                    我来回答
                                </div>
                                <div class="mid_right_myreply_int">
                                    <textarea  :style="{ 'text-indent':person_width+'px'}"  name="" id="" v-model="txtdata">

                                    </textarea>
                                    <!--<span v-if="isper" class="title_person" ref="title_person">@红衣人:</span>-->
                                </div>
                                <div class="mid_right_myreply_sub">
                                    <div @click="submitData">提交</div>
                                </div>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

import axios from 'axios';
import {HttpRs} from '../../stataic/staticApi.js'
import {PublicHttp} from '../../stataic/sign.js'
    export default {
        data(){
            return {
                /*获取主题详情url*/
                url:'',
//                PostId:"436afd3e-c4ad-4c27-822d-7dd229cec133",
                PostId:"92565daa-a5ca-4f3e-9dad-6f4377f58995",
                /*帖子详情*/
                deatildata:"",
                /*用户信息*/
                userdata:'',
                /*用户头像*/
                urlimg:'https://cdn.joinquant.com/common/img/default_header-2.png',
                /*用户评论*/
                replyList:'',


                /*模板高度*/
                deatil_cont_height:'',
                /*判断回复是否首次*/
                isper:false,
                /*获取回复人的宽度*/
                person_width:0,
                /*获取回复人的昵称*/
                person_data:'',
                /*回答值*/
                txtdata:'',
                /*当前主题帖子ID*/
                id:"",

            }
        },
        created(){



            this.getDataDeatil()
            this.getDataReply()





        },
        methods: {
            /*获得主题详情*/
            getDataDeatil(){
                var that = this
                console.log(this.PostId)
                console.log(PublicHttp())
                this.url = PublicHttp()+ '/webapi/Community/Details/'+ this.PostId
                console.log(this.url)

                HttpRs(this.url,'get','').then(function (response) {
                    console.log('请求主题详情')
                    console.log(response.data.data)
                    that.deatildata = response.data.data
                    that.userdata = response.data.data.User
                })

            },
            /*获得主题回复*/
            getDataReply(){
                this.fetchs.GetDatasdes({
                    url:'/webapi/Community/GetReply',
                    type:'get',
                    param:{
                        PostId:this.PostId ,
                        Sord:'',
                        Index:'',
                        Limit:'',
                    },
                    success:(ret)=>{
                        console.log('请求主题回复')
                        console.log(ret)
                        this.replyList = ret.data

                    },
                    error:(err)=>{

                    }
                })
            },
            /*滚动到底部回复*/
            scrollToBottom(val,id){
                    var container = this.$el.querySelector(".new_box");
                    document.documentElement.scrollTop = container.scrollHeight
                    if(val){
                        this.isper = true
                        this.txtdata = '@'+ val+ ' :  '
//                        this.$nextTick(() =>{
//                                console.log(this.$refs.title_person)
//                                this.person_width = this.$refs.title_person.clientWidth + 10
//                                this.person_data = val
//                                console.log(this.person_data)
//                        })
                    }else{
                        this.isper = false
                        this.person_width = 0
                        this.txtdata = ''
                        this.id = id
                    }

            },
            /*提交回复*/
            submitData(){
                console.log(this.txtdata)
                console.log(this.id)
                this.fetchs.GetDatasdes({
                    url:'/webapi/Community/AddReply',
                    type:'post',
                    param:{
                        "ThemeId":this.id ,
                        "Content": this.txtdata
                    },
                    success:(ret)=>{
                        console.log('提交成功')
                        console.log(ret)

                    },
                    error:(err)=>{

                    }
                })

            },
        },
        components: {

        },
        mounted(){
//            console.log(this.$refs.title_person)
            window.scrollTo(0,0)
            this.deatil_cont_height =this.$refs.deatil_cont_box.scrollHeight
            /*设置节点的宽度高度*/
            let change_height = this.$refs.deatil_cont_box.clientHeight - 320
            this.$refs.deatil_cont.style.height =change_height+ 'px'
        },
        computed: {},
        watch: {}
    }
</script>
<style scoped>
    /*--------------------问题详情样式-------------------------*/
    .new_box{
        width:100%;
    }
    .deatil_top{
        width:100%;
        height: 480px;
        background-color: rgba(49, 160, 227, 1);
    }

    /*cont*/
    .deatil_cont{
        width:100%;
        display: flex;
        justify-content: center;
        position: relative;
        background-color: rgba(242, 242, 242, 1);

    }
    .deatil_cont_box{
        width:1180px;
        /*height:100%;*/
        position: relative;
        position: absolute;
        top:-412px;


    }
    .deatil_cont_box_top{
        width:100%;
        height:42px;
        line-height: 42px;
    }
    .deatil_cont_box_top>span{
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: #fff;
        position: relative;
        top:-3px;
        font-weight: 400;
    }
    .deatil_cont_box_mid{
        display: flex;
        justify-content: center;
        background-color: white;
    }

    .deatil_cont_box_mid_right{
        width:1020px;
        height:100%;
        margin-top: 75px;
    }
    .mid_right_title{
        width:100%;
    }
    .mid_right_title>span{
        display: inline-block;
        height: 36px;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 28px;
        line-height: 36px;
    }
    .mid_right_title_time{
        margin:10px 0;
        /*height: 20px;*/
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        color: #666666;
        font-size: 12px;
    }
    /*----------------------------------------*/
    .mid_right_title_time_show{
        margin:15px 0;
        position: relative;
    }
    .mid_right_title_time_show>.img1{
        width:12px;
        height:12px;
        display: inline-block;
        background-image:url(/app/assets/img/deatil_eyes.svg) ;
        position: relative;
        top:1.5px;
    }
    .mid_right_title_time_show>.img2{
        width:12px;
        height:12px;
        margin-left: 20px;
        display: inline-block;
        background-image:url(/app/assets/img/deatil_comments.svg) ;
        position: relative;
        top:1.5px;
    }
    .mid_right_title_time>span:nth-child(1){
        font-size: 12px;
        color: #31A0E3;
    }
    .mid_right_title_type{
        width:100%;
        display: flex;
        justify-content: flex-start;
        height:84px;

    }
    .mid_right_title_type>div{
        background-color:rgba(236, 244, 248, 1) ;
        border:1px solid rgba(196, 227, 247, 1);
        /*width:91px;*/
        padding:0 5px;
        height:32px;
        margin-bottom: 10px;
        margin-right: 10px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
    }
    .mid_right_txt{

    }
    .mid_right_cont_txt{
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        margin-bottom: 40px;
        line-height: 24px;
    }
    .mid_right_cont_img{
        margin-bottom: 60px;
    }
    .mid_right_cont_img_title{
        margin:10px 0;
        height: 20px;
        font-family: '微软雅黑';
        font-weight: 400;
        line-height: 20px;
        font-style: normal;
        color: #666666;
        font-size: 14px;
    }
    /*----------------------------------------------------------------------*/
    .mid_right_cont_img_title>img{
        width:16px;
        height:16px;
        margin-right: 5px;
    }

    .mid_right_cont_img_title>.img{
        width:16px;
        height:16px;
        margin-right: 5px;
        display: inline-block;
    }
    .mid_right_cont_img_title>.img{
        background-image:url(/app/assets/img/deatil_img_show.svg) ;
    }

    .mid_right_cont_img_list{
        width:100%;
        display: flex;
        justify-content: flex-start;

    }
    .mid_right_cont_img_list>img{
        width:180px;
        height:135px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .repy_qusetion{
        margin-top: 20px;
        margin-bottom: 80px;
    }
    .que_sub_button{
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        color: #FFFFFF;
        text-align: center;
        font-size: 14px;
        width:120px;
        height:40px;
        text-align: center;
        line-height: 40px;
        background-color: rgba(49, 160, 227, 1);
        border-radius: 2px;
    }
    .que_sub_button:hover{
        cursor: pointer;
    }

    /*回答*/
    .mid_right_answer{
        width:100%;
    }
    .mid_right_answer_title{
        height: 21px;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        margin-bottom: 20px;
        color: #333;
    }
    .mid_right_answer_list{
        width:100%;
    }
    .mid_right_answer_list_item{
        width:100%;
        height:100%;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 20px;
    }
    .mid_right_answer_list_item_user{
        width:40px;
        height:40px;
        margin-right: 15px;
        margin-top: 15px;

    }
    .mid_right_answer_list_item_user>img{
        width:40px;
        height:40px;
    }
    .mid_right_answer_list_item_comment{
        /*width:980px;*/
        /*width:100%;*/
        /*background-color: rgba(247, 247, 247, 1);*/
        position: relative;
    }

    .list_item_comment_user{
        height:20px;
        margin:10px 0;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
    }
    .list_item_comment_user>span:nth-child(1){
        color: #31A0E3;
        margin:0 15px;
    }
    .list_item_comment_user>span:nth-child(2){
        color: #666;
    }
    .list_item_comment_txt{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        color: #333;
        font-size: 14px;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        line-height: 24px;
    }
    .reply_show_again{
        padding-left: 22px;
    }
    .reply_show_again_item{
        margin-bottom:5px;
        font-size: 14px;
    }
    .reply_show_again_item>span:nth-child(1){

        color: #FF6031;
    }
    .reply_show_again_item>span:nth-child(2){
        color: #998;
    }
    .reply_img{
        padding-left: 15px;
        margin:10px 0;
    }
    .reply_img>div{
        width:16px;
        height:16px;
        background-image:url(/app/assets/img/deatile_reply_img.svg) ;
    }
    .reply_img>div:hover{
        cursor: pointer;
    }

    /*提交输入框*/
    .mid_right_myreply{
        /*border:1px solid red;*/
    }
    .mid_right_myreply_title{
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        color: #333;
        margin:20px 0;
    }
    .mid_right_myreply_int{
        /*border:1px solid red;*/
        position: relative;
    }
    .mid_right_myreply_int>textarea{
        width:980px;
        min-height:120px ;
        padding:8px 8px;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        text-align: left;
        resize: none;
        border: 1px solid rgba(224, 224, 224, 1);
        box-shadow: 0px 1px 1px 0px rgba(204, 204, 204, 0.349019607843137) inset;

     }
    .toperson{
        text-indent:100px;
    }
    .title_person{
        /*border:1px solid red;*/
        display: inline-block;
        position: absolute;
        top:8px;
        left:8px;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: #999;

    }
    .mid_right_myreply_int textarea:focus{
        outline:none;
        /*border:1px solid rgba(49, 160, 227, 1);*/
        border:1px solid rgba(224, 224, 224, 1);

    }
    .mid_right_myreply_sub>div{
        width:120px ;
        height:40px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        background-color:rgba(49, 160, 227, 1) ;
        margin:20px 0;
    }

    /*加载*/
    .loading{
        width:100%;
        height:40px;
        line-height: 40px ;
        text-align: center;
        font-family: '微软雅黑';
        font-weight: 400;
        font-style: normal;
        color: #999999;
        background-color: #EDF5F9;
        margin:60px 0;
    }
    .loading:hover{
        cursor: pointer;
    }
    /*.loading>span{*/
        /*width:18px;*/
        /*height:18px;*/
        /*display: inline-block;*/
        /*background-image:url(/app/assets/img/load_more.svg) ;*/
        /*position: relative;*/
        /*top:3px;*/
    /*}*/

    /*底部*/
/*    .deatil_footer{
        width:100%;
        height:287px;
        background-color:rgba(74, 86, 105, 1) ;
    }*/

</style>